import styled from "styled-components"

export const BottomMusicWrapper = styled.div ` 
position: fixed;
bottom: 54px;
left: 0;
right: 0;
display:${props=>props.isBottomMusic?"none":"block"};
.content{
  position: relative;
  width: ${props=>props.length?props.length*25+"px":"500px"};
  height: 60px;
  left: 50%;
  transform: translateX(-50%);
  background-color:black;
  box-shadow: 3px 3px 3px #ccc;
  border-radius: 10px;
  color: white;
  font-size: 25px;
  text-align: center;
  line-height: 60px;
}
`